<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/wx.css" rel="stylesheet">
    <title>设备报修</title>
    <script src="js/report.js"></script>
</head>
<body>

<div class="row row-box" style="margin-top: 10px">
    <div class="row-center" style="padding: 10px">
        <div class="col-xs-3">
            <img src="images/Tulips.jpg" class="img-responsive">
        </div>
        <div class="col-xs-6" style="padding-left: 10px">
            <span class="row span-name">直线加速器</span>
            <span class="span-value">型号：X5965</span>
        </div>
        <a class="col-xs-3 span-value text-right" style="margin: 16px 0">详情详情<span class="glyphicon glyphicon-menu-right"></span></a>
    </div>
</div>

<div class="row-box">
    <div class="row-center row-info">
        <span class="col-xs-6 span-name">科室房间</span>
        <span class="col-xs-6 span-value right-align"></span>
    </div>
</div>
<div class="row row-box" style="border-top: 1px solid #F3F3F3">
    <div class="row-center row-info">
        <span class="col-xs-6 span-name">设备编号</span>
        <span class="col-xs-6 span-value right-align"></span>
    </div>
</div>

<!--需提交信息（用户输入）-->
<form action="{:U('Device/report_adds')}" enctype="multipart/form-data" method="POST">
    <div class="row-box">
        <div class="row-center row-input">
            <span class="col-xs-3 span-name">报修人：</span>
            <input class="col-xs-8 text-center nec" type="text" name="report_name" placeholder="请填写姓名">
        </div>
    </div>
    <div class="row row-box" style="border-top: 1px solid #F3F3F3">
        <div class="row-center row-input">
            <span class="col-xs-3 span-name">电话：</span>
            <input class="col-xs-8 text-center nec" type="text" name="report_call" placeholder="请填写联系方式">
        </div>
    </div>
    <div class="row row-box">
        <div class="row-center">
            <textarea class="form-control nec" name="report_message" placeholder="请添加故障描述"></textarea>
        </div>
    </div>
    <!--上传的图片预览，点击预览图更换图片-->
    <div class="row row-box">
        <div class="row-center row-img" style="padding-top: 10px;padding-bottom: 10px">
            <span class="pull-left" style="width: 24%">添加照片</span>
            <img id="img1" class="pull-left" style="width: 24%">
            <img id="img2" class="pull-left" style="width: 24%">
            <img id="img3" class="pull-left" style="width: 24%">
            <img id="getImg" src="images/addImg.png" class="pull-left" style="width: 24%">
            <input type="file" id="getImg1" name="image1" class="hide" accept="image/*">
            <input type="file" id="getImg2" name="image2" class="hide" accept="image/*">
            <input type="file" id="getImg3" name="image3" class="hide" accept="image/*">
        </div>
    </div>
    <div class="row-center row-btn">
        <div class="row">
            <a class="btn btn-blue">扫一扫输入</a>
        </div>
        <div class="row">
            <div style="width: 49%;display: inline-block">
                <a class="btn waves-light waves-effect" style="width: 100%">返回</a>
            </div>
            <div style="width: 49%;display: inline-block" class="pull-right">
                <button type="submit" class="btn waves-light waves-effect" style="width: 100%">提交</button>
            </div>
        </div>
    </div>
</form>
</body>
</html>